<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:wicket="http://wicket.apache.org/">
<wicket:panel>
 
  <div wicket:id="examples" class="section">
  	<h2 id="behaviors">WiQuery UI::Draggable</h2>
	<p>
		This page shows how draggable elements are bound with WiQuery.
	</p>
	<div class="section">
		<h3>Example: Set an element draggable</h3>
		<p>
			This first example shows how an element can be turned draggable.
		</p>
		
		<div class="runit">
			<div class="draggable" wicket:id="example1">Drag me!</div>
		</div>
		
		<div class="source">
			<p class="htmlCode">
<code class="html">
&lt;div wicket:id="example1"&gt;Drag me!&lt;/div&gt;
</code>
			</p>
			<p class="javaCode">
<code class="java">
// consider being in a WebPage constructor 
public MyWebPage(String id) {
    setup(id);
    
	Label label = new Label("example1", "Drag me!");
	this.add(label);
	label.add(new DraggableBehavior());		
}
</code>
			</p>
		</div>		
	</div>
  </div>
  
</wicket:panel>
</html>
 